<template>
<el-select
        v-model="Grade"
        placeholder="年级"
        size="small"
        style="width: 200px; margin-right: 10px"
      >
        <el-option
          v-for="(item,index) in optionsGrade" 
          :key="index"
          :label="item"
          :value="item"
        >
        </el-option>
      </el-select>
      <StudentNotsubmit :Grade="Grade"></StudentNotsubmit>
</template>

<script>
import { reactive, toRefs } from "vue";
	import StudentNotsubmit from './components/student_notsubmit.vue';
	export default {
		name: 'chart',
		components: {
			StudentNotsubmit
		},
		setup() {
			const state = reactive({
				optionsGrade:["本科21级","本科20级","本科19级","本科18级","硕士","博士"],
				Grade:'本科21级'
			})
			return {
			...toRefs(state),
			}
		}
	}
</script>

<style>

.el-carousel{
	height: 100%;
}

.el-carousel__container{
	position: unset!important;
	min-height:400px;
	height: 100%;
	}

.el-carousel__item{
	height: 100%;
}
</style>
